<template>
    <view class="page flex-col">
        <view class="group_1 flex-col">
            <view class="box_1 flex-row justify-end">
                <view class="box_11 flex-col">
                    <text class="text_1">9:00</text>
                    <image class="image_1" referrerpolicy="no-referrer"
                        src="https://lanhu-oss.lanhuapp.com/SketchPngbbb81ac5869a2b9e19e82e63094cff62454accc24e4b46ece69eb628eefd8821" />
                    <text class="text_2">具体以线下申请为准</text>
                    <view class="image-text_11 flex-row justify-between">
                        <image class="label_1" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng03f48fd826306d83846dd85ebb6953e1ba0347ed50ff695593415e1ce5033906" />
                        <text class="text-group_1">安全合规</text>
                    </view>
                </view>
                <view class="box_3 flex-col">
                    <view class="image-wrapper_5 flex-row">
                        <image class="label_2" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng4d12cefae817ea2c9640e7f234c9f3b8c69e6acf5aae917dd966d77dfbde0697" />
                        <image class="label_3" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng228589c5c06e32aba51ce9219e858027ef90f79eb03f49a97a821e526b2f780b" />
                        <image class="label_4" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPnga94033e7c969c87939cabb7c0faddca9772cbfb9f5604b59b358d027ef1dc60d" />
                    </view>
                    <view class="block_1 flex-row justify-between">
                        <text class="text_3">预估结果</text>
                        <image class="image_2" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPnge252d1cf2d488886486a89ea0b63bb6346dcea231c2edf29059a766fd875a08e" />
                    </view>
                    <view class="block_2 flex-row justify-between">
                        <view class="image-text_12 flex-row justify-between">
                            <image class="label_5" referrerpolicy="no-referrer"
                                src="https://lanhu-oss.lanhuapp.com/SketchPng03f48fd826306d83846dd85ebb6953e1ba0347ed50ff695593415e1ce5033906" />
                            <text class="text-group_2">快速到账</text>
                        </view>
                        <view class="image-text_13 flex-row justify-between">
                            <image class="label_6" referrerpolicy="no-referrer"
                                src="https://lanhu-oss.lanhuapp.com/SketchPng03f48fd826306d83846dd85ebb6953e1ba0347ed50ff695593415e1ce5033906" />
                            <text class="text-group_3">一对一优质服务</text>
                        </view>
                    </view>
                </view>
            </view>
            <view class="box_6 flex-col">
                <view class="group_2 flex-col">
                    <view class="group_9 flex-row">
                        <text class="text_4">PRODUCT</text>
                        <view class="box_7 flex-col"></view>
                        <text class="text_5">产品介绍</text>
                        <view class="box_8 flex-col"></view>
                    </view>
                    <view class="group_10 flex-row">
                        <image class="image_3" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng5abcd2d7c8422e54a5eebedf5f22c0e238adc6bf871125b29594407df34b0e56" />
                        <image class="image_4" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng30a5a8a650ac08123eb7bf07815932d6206ee51ac827fa77a533aca0412c3634" />
                        <view class="image-wrapper_6 flex-col">
                            <image class="thumbnail_1" referrerpolicy="no-referrer"
                                src="https://lanhu-oss.lanhuapp.com/SketchPngb7ccf2a2628ce18093b1ab278e26fb49aeb2bc062067b72324adbde0914140c7" />
                            <image class="thumbnail_2" referrerpolicy="no-referrer"
                                src="https://lanhu-oss.lanhuapp.com/SketchPng68b1ca31665eb84f165990fd82901285da25caac7fc0673398d57004f01af143" />
                        </view>
                        <image class="image_5" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng5047422b0af78df482f151165a6c9a946d2af6ad190005a811da80a9caa8d21a" />
                    </view>
                    <view class="list_3 flex-row">
                        <view class="text-group_8 flex-col" v-for="(item, index) in loopData0" :key="index">
                            <text v-if="item.slot1 === 1" class="text_6" v-html="item.specialSlot1.lanhutext0"></text>
                            <text v-if="item.slot2 === 2" class="text_7">快速放款</text>
                            <text class="text_8" v-html="item.lanhutext0"></text>
                        </view>
                    </view>
                </view>
            </view>
            <view class="box_12 flex-col">
                <view class="group_3 flex-col">
                    <text class="text_9">订阅蓝豹咨迅服务号</text>
                    <view class="image-text_14 flex-row justify-between">
                        <text class="text-group_5">了解更多一手借贷咨迅</text>
                        <image class="label_7" referrerpolicy="no-referrer"
                            src="https://lanhu-oss.lanhuapp.com/SketchPng455bb1e9384836cad142f737293f09aa82895862b5a44696f1ab9e6fbd352211" />
                    </view>
                </view>
                <text class="text_10">-&nbsp;贷款有风险，用款需谨慎&nbsp;-</text>
                <image class="image_6" referrerpolicy="no-referrer"
                    src="https://lanhu-oss.lanhuapp.com/SketchPng0d47803f76d2c5e1deabef7accb9142245fa9aad5ee3f52045c7adebc287666d" />
            </view>
            <view class="box_10 flex-col">
                <view class="image-text_15 flex-col">
                    <view class="text-wrapper_1 flex-col">
                        <text class="text_11">可领额度高&nbsp;放款时效快</text>
                    </view>
                    <text class="text-group_6">预估可领额度(元)</text>
                </view>
                <view class="group_4 flex-col"></view>
                <view class="text-wrapper_2">
                    <text class="text_12">综合年利率（单利）低至</text>
                    <text class="text_13">3.10%</text>
                </view>
                <view class="text-wrapper_3 flex-col">
                    <text class="text_14">添加客服微信，领取额度</text>
                </view>
                <text class="text_15">150,000</text>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            loopData0: [
                {
                    lanhutext0: '3步申请&nbsp;快速审核',
                    specialSlot1: { lanhutext0: '申请便捷' },
                    slot1: 1,
                },
                { lanhutext0: '最快放款10分钟', slot2: 2 },
                {
                    lanhutext0: '最高36期&nbsp;随借随还',
                    specialSlot1: { lanhutext0: '灵活借还' },
                    slot1: 1,
                },
            ],
            constants: {},
        };
    },
    methods: {},
};
</script>
<style>
.page {
    position: relative;
    width: 750px;
    height: 1680px;
    overflow: hidden;
}

.group_1 {
    position: relative;
    height: 1680px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng428b800acd375f092a988d162d5a030f3bdc66520df3abcff262afec504ab7e1) 100% no-repeat;
    background-size: 100% 100%;
}

.box_1 {
    width: 750px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng40df0e7daf3d3b84174d0ebed00a15c6df70d46b510c5eaeeb24bcf17e3e7459) 100% no-repeat;
    background-size: 100% 100%;
    padding: 0 0 10px 30px;
}

.box_11 {
    margin: 23px 0 271px 0;
}

.text_1 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 0 349px 0 38px;
}

.image_1 {
    width: 18px;
    height: 32px;
    margin: 52px 430px 0 2px;
}

.text_2 {
    text-shadow: 0px 2px 0px rgba(35, 109, 214, 0.3);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 50px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 70px;
    margin-top: 49px;
}

.image-text_11 {
    width: 128px;
    margin: 18px 316px 0 6px;
}

.label_1 {
    width: 24px;
    height: 24px;
    margin: 5px 0 4px 0;
}

.text-group_1 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
}

.box_3 {
    background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/2396c26b60ad46feb72f45a8ff8dce67_mergeImage.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: -292px;
    padding: 33px 24px 273px 12px;
}

.image-wrapper_5 {
    margin-left: 391px;
}

.label_2 {
    width: 34px;
    height: 21px;
    margin: 1px 0 1px 0;
}

.label_3 {
    width: 31px;
    height: 22px;
    margin: 0 0 1px 10px;
}

.label_4 {
    width: 49px;
    height: 23px;
    margin-left: 11px;
}

.block_1 {
    width: 415px;
    margin: 44px 0 0 111px;
}

.text_3 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 45px;
    margin-top: 9px;
}

.image_2 {
    width: 174px;
    height: 64px;
}

.block_2 {
    width: 364px;
    margin: 120px 162px 0 0;
}

.image-text_12 {
    width: 128px;
}

.label_5 {
    width: 24px;
    height: 24px;
    margin: 5px 0 4px 0;
}

.text-group_2 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
}

.image-text_13 {
    width: 200px;
}

.label_6 {
    width: 24px;
    height: 24px;
    margin: 5px 0 4px 0;
}

.text-group_3 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
}

.box_6 {
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng606b1818a78e1ca7794761a57bbad55c7bea6f1a9c8b4eb52d7fd3b116f859a6) 100% no-repeat;
    background-size: 100% 100%;
    align-self: center;
    margin-top: 277px;
    width: 702px;
    padding: 24px 24px 24px 24px;
}

.group_2 {
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng564e96d97ee5d7123dd8c4d463da0b1435cc19e23ae991729d24867a9abe341a) 100% no-repeat;
    background-size: 100% 100%;
    padding: 24px 24px 24px 24px;
}

.group_9 {
    width: 348px;
    align-self: center;
    padding-right: 14px;
}

.text_4 {
    overflow-wrap: break-word;
    color: rgba(244, 247, 249, 1);
    font-size: 64px;
    font-family: Arial-Black;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 90px;
}

.box_7 {
    width: 72px;
    height: 4px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng7469d7871a79e2878d8a57d27b137f71c0aeae4a05cc247685ae7d37aade7669) 100% no-repeat;
    background-size: 100% 100%;
    margin: 44px 0 42px -334px;
}

.text_5 {
    overflow-wrap: break-word;
    color: rgba(53, 58, 95, 1);
    font-size: 36px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 50px;
    margin: 20px 0 0 16px;
}

.box_8 {
    width: 72px;
    height: 4px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng3b65e4a9f8bfd6fa5eb4fd402de0a2344a49519688d848e2731ffb51c5b3984f) 100% no-repeat;
    background-size: 100% 100%;
    margin: 44px 0 42px 16px;
}

.group_10 {
    margin: 16px 54px 0 48px;
}

.image_3 {
    width: 96px;
    height: 96px;
}

.image_4 {
    width: 96px;
    height: 96px;
    margin-left: 104px;
}

.image-wrapper_6 {
    margin: 59px 0 25px 80px;
}

.thumbnail_1 {
    width: 16px;
    height: 3px;
}

.thumbnail_2 {
    width: 8px;
    height: 3px;
    margin: 6px 8px 0 0;
}

.image_5 {
    width: 96px;
    height: 96px;
    margin-left: 16px;
}

.list_3 {
    width: 606px;
    height: 81px;
    margin-top: 24px;
    justify-content: space-between;
}

.text-group_8 {
    position: relative;
    width: 191px;
    height: 81px;
    margin-right: 21px;
    padding-top: 48px;
}

.text_6 {
    position: absolute;
    left: 40px;
    top: 0;
    overflow-wrap: break-word;
    color: rgba(22, 22, 22, 1);
    font-size: 28px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 40px;
}

.text_7 {
    position: absolute;
    left: 28px;
    top: 0;
    overflow-wrap: break-word;
    color: rgba(22, 22, 22, 1);
    font-size: 28px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 40px;
}

.text_8 {
    width: 205px;
    overflow-wrap: break-word;
    color: rgba(142, 148, 166, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
}

.box_12 {
    padding: 24px 24px 17px 24px;
}

.group_3 {
    background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/e0f03ca567ab47d2807aedd87cd1d315_mergeImage.png) 100% no-repeat;
    background-size: 100% 100%;
    padding: 42px 360px 41px 36px;
}

.text_9 {
    overflow-wrap: break-word;
    color: rgba(53, 58, 95, 1);
    font-size: 34px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 48px;
}

.image-text_14 {
    width: 290px;
    margin: 12px 16px 0 0;
}

.text-group_5 {
    overflow-wrap: break-word;
    color: rgba(98, 102, 132, 1);
    font-size: 26px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 37px;
}

.label_7 {
    width: 22px;
    height: 22px;
    margin: 8px 0 7px 0;
}

.text_10 {
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
    align-self: center;
    margin-top: 62px;
}

.image_6 {
    width: 268px;
    height: 9px;
    align-self: center;
    margin-top: 76px;
}

.box_10 {
    position: absolute;
    left: 24px;
    top: 353px;
    width: 702px;
    height: 500px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng586a63286abf02efa253445ff26ba7132b5ab6dac2a6d4913ca838df75d50b22) 100% no-repeat;
    background-size: 100% 100%;
    padding: 48px 32px 37px 32px;
}

.image-text_15 {
    width: 282px;
    align-self: center;
}

.text-wrapper_1 {
    background: url(https://lanhu-oss.lanhuapp.com/SketchPnge481a1cc034a6ba38a86df62f5d7a47cbc6f5301efa9576426f7b8666f8d2ffc) 100% no-repeat;
    background-size: 100% 100%;
    padding: 7px 17px 18px 37px;
}

.text_11 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 30px;
}

.text-group_6 {
    overflow-wrap: break-word;
    color: rgba(37, 129, 255, 1);
    font-size: 30px;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 6px 32px 0 20px;
}

.group_4 {
    width: 450px;
    height: 86px;
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng79e144fd0a0b679845683f5276a653a70ba03ce5f130faa464629039178e4112) 100% no-repeat;
    background-size: 100% 100%;
    align-self: center;
    margin-top: 31px;
}

.text-wrapper_2 {
    width: 333px;
    height: 33px;
    overflow-wrap: break-word;
    font-size: 0;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 33px;
    align-self: center;
    margin-top: 24px;
}

.text_12 {
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
}

.text_13 {
    overflow-wrap: break-word;
    color: rgba(255, 65, 65, 1);
    font-size: 24px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
}

.text-wrapper_3 {
    background: url(https://lanhu-oss.lanhuapp.com/SketchPng6aadef504280763956ebd8877c1843d9658128a8b1a855a1f9c0d5798c124cd7) 100% no-repeat;
    background-size: 100% 100%;
    margin-top: 48px;
    padding: 23px 143px 22px 143px;
}

.text_14 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 45px;
}

.text_15 {
    position: absolute;
    left: 195px;
    top: 167px;
    overflow-wrap: break-word;
    color: rgba(22, 22, 22, 1);
    font-size: 100px;
    font-family: DINAlternate-Bold;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    line-height: 117px;
}
</style>